<template>
	<view>
		<view class="gui-margin-top" style="margin-left: 20rpx;">
			<text class="gui-h6 gui-color-green gui-bold">可提现金额：￥{{tixian_money}}</text>
		</view>
		<view class="gui-margin-top" style="margin-left: 20rpx;">
			<text class="gui-h6 gui-color-black gui-bold">手续费：5%</text>
		</view>

		<view class="gui-form-item gui-border-b" style="margin-left: 20rpx;width: 90%;">
			<text class="gui-form-label">提现金额</text>
			<view class="gui-form-body">
				<input type="text" class="gui-form-input" v-model="formData.name2" name="name2" @input="inputting"
					placeholder="请输入提现金额" />
			</view>
			<text class="gui-form-icon gui-icons gui-text-center gui-color-gray" v-if="formData.name2.length >= 1"
				@click="clearName2">&#xe78a;</text>
		</view>
		
		<view class="gui-margin-top" style="margin-left: 20rpx;">
			<text class="gui-h6 gui-color-red">提现金额不能大于可提现金额，必须输入整数</text>
		</view>
		
		<view class="gui-margin-top-large gui-flex gui-rows gui-nowrap gui-justify-content-end" style="margin-right: 20rpx;">
			<button type="default" class="gui-button gui-bg-blue" 
			style="width:200rpx;" formType="submit">
				<text class="gui-icons gui-color-white gui-button-text">提交</text>
			</button>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				tixian_money: 3500,
				formData: {
					name1: '',
					name2: '',
					name3: '',
					name4: '',
					mobile: ''
				},
			}
		},
		methods: {
			taped: function(idx) {
				console.log(idx);
			}
		}
	}
</script>

<style>
	.gui-text-small{line-height:50rpx;}
</style>